---
layout: default
title: Furatto - Docs::App Examples
---

<h1>App Examples</h1>
<p class="main-motto">Whether you just want to dive into hacking, or want to simply take a look, here are some examples showing the power of Furatto.</p>


<hr />

<h2>Kick off your next project...</h2>


<div class="row">
   <div class="col-6">
     <a href="/furatto/examples/bare_bones/" target="_blank" onclick="_gaq.push(['_trackEvent', 'Furatto Actions', 'Examples', 'Bare bones']);">
      <img src="/furatto/assets/img/FurattoBareBones.png" alt="" class="responsive polaroid" />  
     </a>
    <h5>Bare bones</h5>
    <p>Includes the basic HTML, the CSS and JS to start any project.</p>
   </div>
   <div class="col-6">
     <a href="#" disabled>
      <img src="/furatto/assets/img/FurattoLanding.png" alt="" class="responsive polaroid" />  
     </a>
    <h5>Landing page</h5>
    <p>Build a landing page fast an easy with a navbar, a jumbo container and a little bit of grid.</p>
   </div>
</div>
<div class="row">
   <div class="col-6">
     <a href="/furatto/examples/blog" target="_blank" onclick="_gaq.push(['_trackEvent', 'Furatto Actions', 'Examples', 'Blog']);">
      <img src="/furatto/assets/img/FurattoBlog.png" alt="" class="responsive polaroid" />  
     </a>
    <h5>Blog page</h5>
    <p>A blog layout theme</p>
   </div>
   <div class="col-6">
     <a href="/furatto/examples/dashboard" disabled>
      <img src="/furatto/assets/img/FurattoDashboard.png" alt="" class="responsive polaroid" />  
     </a>
    <h5>Dashboard</h5>
    <p>Inspired on the <a href="http://shopify.github.io/dashing/">dashing</a> project by <a href="http://www.shopify.com/">shopify</a>.</p>
   </div>
</div>

<hr />

<h4>We also provide some examples on different frameworks which are excellent as a start point for let's say a hackathon:</h4>

<div class="row">
   <a href="https://github.com/IcaliaLabs/furatto-rails-start-kit" class="button danger large" target="_blank"><i class="fa fa-github"></i> Rails</a>
   <a href="#" class="button success large disabled"><i class="fa fa-github"></i> NodeJS</a>
   <a href="#" class="button warning large disabled"><i class="fa fa-github"></i> Django</a>
   <a href="#" class="button large disabled"><i class="fa fa-github"></i> CodeIginiter</a>
   <a href="#" class="button large warning disabled"><i class="fa fa-github"></i> GruntJS</a>
</div>

<br />
<blockquote>Have an example, and want to share it?, open an <a href="https://github.com/IcaliaLabs/furatto/issues/new">issue</a> at <a href="https://github.com/IcaliaLabs/furatto/">github</a> or shout us a <a href="https://twitter.com/icalialabs">tweet</a></blockquote>
